
<include file="Public/head" />



<link rel="stylesheet" href="__PUBLIC__/Home/css/school_detail.css">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=m8ILLqprDCS6rhKqLeSCtdZZ"></script>
<script src="__PUBLIC__/Home/js/school_detail.js"></script>
<div class="container" style="height: 60px;overflow: hidden;">
    <a href="javascript:;" class="btn-info-error">信息纠错</a>
    <form id="search2" action="{:U('/Home/index')}" type="post">
        <input type="hidden" name="school_type" value="1" />
        <ol class="breadcrumb">
            <li><a href="{:U('/Home/index')}">首页</a></li>
             <volist name="school_data.SchoolRelation" id="vo">
                <eq name="vo.school_type_sort" value="2">
                    <li><a  href="javascript:;" class="search1">{$vo.school_type_name}</a><input type="hidden" name="prs[]" value="{$vo.school_type_id}" /></li>
              	</eq>
              	<eq name="vo.school_type_sort" value="4">
                    <li><a href="javascript:;" class="search2">{$vo.school_type_name}</a><input type="hidden" name="prs2[]" value="{$vo.school_type_id}" /></li>
              	</eq>
             </volist>
             <li>{$school_data.school_name}</li>
        </ol>
        <input type="submit" value="submit" style="visibility:hidden" />
    </form>
    <script>
        // 面包屑导航
        $(function() {
            var $breadcrumb = $('#search2');
            var $btnSubmit = $breadcrumb.find('input[type="submit"]');
            $breadcrumb.on('click', '.search1 , .search2', function(event) {
                if ($(this).hasClass('search1')) {
                    $breadcrumb.find('.search2').next().remove();
                }
                $btnSubmit.trigger('click');
            });
        });
    </script>
</div>
<div class="container">
    <div class="title-box">
        <h2>
            {$school_data.school_name}<span>({$school_data.aliases})</span>
            <p class="address">{$school_data.SchoolAddress.school_address}
                <span>{$school_data.province}:{$school_data.city}</span><i><a href="javascript:;" class="btn-modal-map"
                data-lng="118.916952 " data-lat ="32.107155">查看地图</a></i>
            </p>
        </h2>
        <div class="extra-ico">
            <volist name="school_data.SchoolRelation" id="vo">
                <eq name="vo.school_type_id" value="14"> 
                    <i class="ico-985"></i>
                </eq>
                <eq name="vo.school_type_id" value="15"> 
                    <i class="ico-211"></i>
                </eq>
            </volist>
        </div>
    </div>

    <div class="menu">
        <ul>
            <li><a class="on" href="#">高校首页</a></li>
            <li><a href="#">高考招生</a></li>
            <li><a href="#">研究生招生</a></li>
            <li><a href="#">艺术类招生</a></li>
            <li><a class="wid" href="#">测评</a></li>
            <li><a class="wid" href="#">口碑</a></li>
            <li><a class="wid" href="#">问答</a></li>
            <li><a class="wid" href="#">论坛</a></li>
        </ul>
    </div>

    <div class="siderbar">
        <div class="rank">
            <div class="rank-koubei">
                <p>综合口碑<b>{$school_data.school_ratings}</b>分<span><b>294</b>条口碑</span></p>
            </div>
            <div>
                <p>第{$school_data.order_id}名 / <span>全国共有<br>{$school.number}家研究生学院</span></p>
                <blockquote>
                    {$school_data.introduction}
                </blockquote>
            </div>
            <div class="clearfix">
                <a href="javascript:;" class="btn-dianpin">我要点评</a>
                <a href="__URL__/apply/school_id/{$Think.get.school_id}" class="btn-baoming">我要报名</a>
            </div>
        </div>
        <div class="map-box">
            <div class="map-s" id="baiduMap-s">
                <!-- <img src="__PUBLIC__/Home/images/example/example_13.png" alt=""> -->
            </div> 
            <a href="javascript:;" class="map-lick btn-modal-map" data-lng="118.916952 " data-lat ="32.107155">查看地图</a>
        </div>
        <div class="news">
            <h3>院校新闻</h3>
            <ul>
                <php>$m=0</php>
                <volist name="Document" id="vo" >
                    <eq name="vo.category_id" value="2">
                    <php>$m++</php>
                    <li><i>{$m}</i><a href="{:U('Article/detail/',array('id'=>$vo[id],'category'=>$vo[category_id]))}">{$vo.title}</a><span>{$vo.update_time|date="Y-m-d",###}</span></li>

                    </eq>

                </volist>
            </ul>
        </div>
        <div class="QA">
            <h3>互动问答<a href="#">更多</a></h3>
            <a href="" class="btn-add-question">我要提问</a>
            <p>—— 答案由学校提供，仅供参考   ——</p>
            <ul class="QA-list">
                <volist name="ask_list" id="vo" >
                    <li>
                        <p class="Qusetion"><i>Q:</i>{$vo.title}<span>{$vo.user_name}|{$vo.timeadd|date="Y-m-d H:i:s",###}</span></p>
                        <p class="Answer"><i>A:</i>{$vo.reply}<span>{$vo.teacher_name}|{$vo.timereply|date="Y-m-d H:i:s",###}</span></p>
                    </li> 
                </volist>
            </ul>

        </div>
        <div class="similar-school">
            <h3>你可能感兴趣的同类</h3>
            <ul>
                <volist name="around" id="vo">

                    <li>
                        <img src="__ROOT__/{$vo.logo}" alt="">
                        <a href="{:U('/School/index/school_id/'.$vo['school_id'])}">   <h6>{$vo.school_name}<span class="star star-{:round($vo[school_ratings]/2)}"></span></h6></a>
                        <p>{$vo.introduction}</p>
                        <i>{$vo.school_ratings}</i>
                    </li>

                </volist>
            </ul>
        </div>
    </div>
    <div class="main">
        <div class="simple-info">
            <div class="img-ablum" data-url="__URL__/getImgs" data-baseurl="__PUBLIC__/" >
            <volist name="img_data" id="vo"  key="k">
             	<eq name="k" value="1">
                <div>
                    <img src="__PUBLIC__/{$vo.img_url}" class="img-type-b" data-type-one="{$vo.upload_type}" data-type-two="{$vo.img_type}">
                    <span>{$img_num}张图片</span>
                </div>
                <ul>
                <else/>
               		 <li><a href=""><img src="__PUBLIC__/{$vo.img_url}" alt="" class="img-type-s"  data-type-one="{$vo.upload_type}" data-type-two="{$vo.img_type}"></a></li>
               		 <eq name="k" value="9">
               			 </ul>
               		 </eq>
                </eq>
                </volist>
            </div>
            <div class="base-info">
                <div><img src="__ROOT__/{$school_data.logo}" alt="" class="school-logo"></div>
                <dl>
                    <dt>建校时间</dt>
                    <dd>{$school_data.school_time_year}</dd>
                    <dt>办学类型</dt>

                    <dd>
                    <volist name="school_data.SchoolRelation" id="vo">
                        <eq name="vo.school_type_sort" value="4">
                        {$vo.school_type_name}
                        </eq>
                    </volist>
                    </dd>

                    <dt>学院类型</dt>
                    <dd>
                    <volist name="school_data.SchoolRelation" id="vo">
                        <eq name="vo.school_type_sort" value="1">
                        "{$vo.school_type_name}",
                        </eq>
                    </volist>
                    </dd>
                    <dt>院校性质</dt>
                    <dd>
                    <volist name="school_data.SchoolRelation" id="vo">
                        <eq name="vo.school_type_sort" value="5">
                        {$vo.school_type_name}
                        </eq>
                    </volist>

                    </dd>
                    <dt>属性</dt>
                    <dd class="wide">
                    <volist name="school_data.SchoolRelation" id="vo">
                        <eq name="vo.school_type_sort" value="7">
                        "{$vo.school_type_name}",
                        </eq>
                    </volist>


                    </dd>
                    <dt>校训</dt>
                    <dd class="wide">{$school_info.motto}</dd>

                </dl>
            </div>
        </div>
        <div class="tab">
            <div class="tab-menu">
                <ul>
                    <li class="actived">学院介绍</li>
                    <li>办学条件</li>
                    <li>地理位置</li>
                </ul>
            </div>
            <div class="tab-content">
                <div class="tab-item">
                    <div class="section">
                        <h3>学院简介</h3>
                        <p>{$school_info.description}</p>
                        <div class="btn-box">
                            <a href="javascript:;" class="btn-show-all">显示全部</a>
                        </div>
                    </div> 
                    <div class="section">
                        <h3>院系设置</h3>
                        <table>
                            <tr>
                                <th width="175">学院</th>
                                <th width="523">下属系别或专业</th>
                            </tr>
                            <volist name="SchoolDepartments" id="vo">
                                <tr>
                                    <td>{$vo.name}</td>
                                    <td>{$vo.content}</td>
                                </tr>
                            </volist>
                        </table>
                    </div>
                </div>
                <div class="tab-item">
                    <div class="section">
                        <h3>师资力量</h3>
                        <p>
                            {$school_info.power}
                        </p>
                        <div class="btn-box">
                            <a href="javascript:;" class="btn-show-all">显示全部</a>
                        </div>
                    </div>
                    <div class="section">
                        <h3>学科建设</h3>
                        <p>
                            {$school_info.disciplines}

                        </p>
                        <div class="btn-box">
                            <a href="javascript:;" class="btn-show-all">显示全部</a>
                        </div>
                    </div>
                </div>
                <div class="tab-item">
                    <ul class="map-list">
                        <volist name="address" id="vo" key="key">
                            <li data-lng="{$vo.coordinate_x}" data-lat ="{$vo.coordinate_y}" data-address="{$vo.province}{$vo.city}{$vo.county}{$vo.school_address}" <eq name="key" value="1"> class="actived" </eq>>{$vo.name}<span>离市中心约29km</span></li>  
                        </volist>
                    </ul>
                    <div class="map-box">
                        <p class="map-txt">{$address.0.province}{$address.0.city}{$address.0.county}{$address.0.school_address}</p>
                        <div class="map" id="main-map">
                            <a href="javascript:;" class="btn-modal-map" data-lng="{$address.0.coordinate_x}" data-lat ="{$address.0.coordinate_y}">查看详情</a>
                            <div id="baiduMap-b" class="map"></div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
        <div class="tab">
            <div class="tab-menu">
                <ul>
                    <li class="actived">高校视频</li>
                    <li>公开课</li>
                </ul>
            </div>
            <div class="tab-content">
                <div class="tab-item">
                    <ul class="vedio-list">
                        <li class="vedio-item">
                            <img src="__PUBLIC__/Home/images/example/example_29.png" alt="">
                            <h6>青岛大学校园深度测评</h6>
                            <p>山东艺术学院老教协艺术培训部意中声乐中心）是山...</p>
                        </li>
                        <li class="vedio-item">
                            <img src="__PUBLIC__/Home/images/example/example_32.png" alt="">
                            <h6>青岛大学校园深度测评</h6>
                            <p>山东艺术学院老教协艺术培训部意中声乐中心）是山...</p>
                        </li>
                        <li class="vedio-item">
                            <img src="__PUBLIC__/Home/images/example/example_34.png" alt="">
                            <h6>青岛大学校园深度测评</h6>
                            <p>山东艺术学院老教协艺术培训部意中声乐中心）是山...</p>
                        </li>
                        <li class="vedio-item">
                            <img src="__PUBLIC__/Home/images/example/example_34.png" alt="">
                            <h6>青岛大学校园深度测评</h6>
                            <p>山东艺术学院老教协艺术培训部意中声乐中心）是山...</p>
                        </li>
                        <li class="vedio-item">
                            <img src="__PUBLIC__/Home/images/example/example_32.png" alt="">
                            <h6>青岛大学校园深度测评</h6>
                            <p>山东艺术学院老教协艺术培训部意中声乐中心）是山...</p>
                        </li>
                        <li class="vedio-item">
                            <img src="__PUBLIC__/Home/images/example/example_29.png" alt="">
                            <h6>青岛大学校园深度测评</h6>
                            <p>山东艺术学院老教协艺术培训部意中声乐中心）是山...</p>
                        </li>
                    </ul>
                    <div class="btn-box">
                        <a href="javascript:;" class="btn-show-all">显示全部</a>
                    </div>
                </div>
                <div class="tab-item">
                    <ul class="vedio-list">
                        <li class="vedio-item">
                            <img src="" alt="">
                            <h6>公开课111</h6>
                            <p>山东艺术学院老教协艺术培训部意中声乐中心）是山...</p>
                        </li>
                        <li class="vedio-item">
                            <img src="" alt="">
                            <h6>公开课222</h6>
                            <p>山东艺术学院老教协艺术培训部意中声乐中心）是山...</p>
                        </li>
                        <li class="vedio-item">
                            <img src="" alt="">
                            <h6>公开课333</h6>
                            <p>山东艺术学院老教协艺术培训部意中声乐中心）是山...</p>
                        </li>
                    </ul>
                    <div class="btn-box">
                        <a href="javascript:;" class="btn-show-all">显示全部</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab">
            <div class="tab-menu">
                <ul>
                    <li class="actived">报考指南</li>
                    <li>优势专业</li>
                    <li>高校点评（100）</li>
                </ul>
            </div>
            <div class="tab-content ">
                <div class="tab-item zhaosheng">
                    <div class="section">
                        <h5>招生简章<a href="{:U('/Article/lists/',array('category'=>45,'school_id'=>$school_data[school_id]))}">全部</a></h5>
                        <ul>
                            <volist name="Document" id="vo">
                                <eq name="vo.category_id" value="44">
                                <li><a href="{:U('/Article/detail/',array('id'=>$vo[id],'school_id'=>$school_data[school_id]))}">{$vo.title}</a><span>{$vo.update_time|date="Y-m-d",###}</span></li>
                                </eq>
                            </volist>
                        </ul>
                    </div>
                    <div class="section">
                        <h5>招生政策<a href="{:U('/Article/lists/',array('category'=>46,'school_id'=>$school_data[school_id]))}">全部</a></h5>
                        <ul>
                            <volist name="Document" id="vo">
                                <eq name="vo.category_id" value="46">
                                <li><a href="{:U('/Article/detail/',array('id'=>$vo[id],'school_id'=>$school_data[school_id]))}">{$vo.title}</a><span>{$vo.update_time|date="Y-m-d",###}</span></li>
                                </eq>
                            </volist>
                        </ul>
                    </div>
                    <div class="section">
                        <h5>招生计划<a href="{:U('/Article/lists/',array('category'=>47,'school_id'=>$school_data[school_id]))}">全部</a></h5>
                        <ul>
                            <volist name="Document" id="vo">
                                <eq name="vo.category_id" value="47">
                                <li><a href="{:U('/Article/detail/',array('id'=>$vo[id],'school_id'=>$school_data[school_id]))}">{$vo.title}</a><span>{$vo.update_time|date="Y-m-d",###}</span></li>
                                </eq>
                            </volist>
                        </ul>
                    </div>


                </div>
                <div class="tab-item">
                    <div class="subtab">
                        <ul class="subtab-menu">
                            <volist name="professional" id="vo">
                                <li class="">{$vo.name}</li>

                            </volist>
                        </ul>
                        <div class="subtab-content">
                            <volist name="professional" id="vo">
                                <div class="subtab-item">
                                    <p>{$vo.summary}</p>
                                </div>
                            </volist>
                        </div>
                    </div>
                </div>
                <div class="tab-item comment-item">
                    <div class="total">
                        <div class="score-box">
                            <p>口碑指数</p>
                            <p class="score">{$school_data.school_ratings}</p>

                            <p>访问人数:{$school_data.visit}</p>
                        </div>
                        <div class="vote">
                            <h6>网友评分（{$school_data.comment}）人参加</h6>
                            <ul>
                                <li>
                                    <span>教学质量:</span>
                                    <div class="progress progress-1">
                                        <div class="progress-bar" data-num="{:round($comment_avg[teaching]*20)}"></div>
                                    </div>
                                </li>
                                <li>
                                    <span>师资力量:</span>
                                    <div class="progress progress-2">
                                        <div class="progress-bar" data-num="{:round($comment_avg[teacher]*20)}"></div>
                                    </div>
                                </li>
                                <li>
                                    <span>设施配套:</span>
                                    <div class="progress progress-3">
                                        <div class="progress-bar" data-num="{:round($comment_avg[facilities]*20)}"></div>
                                    </div>
                                </li>
                                <li>
                                    <span>校园环境:</span>
                                    <div class="progress progress-4">
                                        <div class="progress-bar" data-num="{:round($comment_avg[surrounding]*20)}"></div>
                                    </div>
                                </li>
                                <li>
                                    <span>交通设施:</span>
                                    <div class="progress progress-5">
                                        <div class="progress-bar" data-num="{:round($comment_avg[traffic]*20)}"></div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="comment">
                            <h6>点评:</h6>
                            <ul>
                                <li>北大的一草一幕现在都这么熟悉了，未名湖，博雅塔，吸引了多少学子为之努力</li>
                                <li>北大的心理系据说没有北师大好，不过谁不想度北大呢，排名差就差点吧</li>
                            </ul>
                        </div>
                    </div>
                    <div class="comment-list">
                        <volist name="SchoolComment" id="vo">
                            <div class="comment-detail">
                                <div class="user-photo">
                                    <img src="http://www.baidu.com/img/bdlogo.png" alt="">
                                    <p>{$vo.user_name}</p>
                                </div>
                                <div class="user-comment">
                                    <h4>{$vo.title}<span class="star star-{:round($vo['sum']/3)}"></span></h4>
                                    <p>发布时间:{$vo.create_time|date="Y-m-d",###}</p>
                                    <dl>
                                        <dt>教学质量</dt>
                                        <dd>{$vo.teaching}</dd>
                                        <dt>师资力量：</dt>
                                        <dd>{$vo.teacher}</dd>
                                        <dt>设施配套：</dt>
                                        <dd>{$vo.facilities}</dd>
                                        <dt>校园环境：</dt>
                                        <dd>{$vo.surrounding}</dd>
                                        <dt>交通设施：</dt>
                                        <dd>{$vo.traffic}</dd>
                                    </dl>
                                </div>
                            </div>
                        </volist>
                        <div class="btn-box">
                            <a href="javascript:;" class="btn-view-more">查看更多口碑</a>
                        </div>
                    </div> 
                </div>
            </div>
        </div>
        <div class="sectionB">
            <h5>周边大学<a href="#">更多>></a></h5>
            <ul class="img-list">
                <volist name="around" id="vo">
                    <li><a href="{:U('/School/index/school_id/'.$vo['school_id'])}">
                            <img src="__ROOT__/{$vo.logo}" alt="">
                            <h6>{$vo.school_name}</h6>
                            <p>地址/{$vo.SchoolAddress.school_address}</p>
                            <volist name="vo.SchoolRelation" id="vos">
                                <eq name="vos.school_type_sort" value="5">
                                <p>学校性质/{$vos.school_type_name}</p>
                                </eq>
                            </volist>

                            <p> 学校类型"/  <volist name="vo.SchoolRelation" id="vos">
                                <eq name="vos.school_type_sort" value="1">
                                {$vos.school_type_name},
                                </eq>

                            </volist> </p>

                            <div class="koubei"><span>口碑</span><i>{$vo.school_ratings}</i>分</div>
                        </a></li>

                </volist>
            </ul>
        </div>
    </div>
</div>
<!-- 弹窗 -->
<div id="modal">
    <div class="modal-overlay"></div>
    <div class="modal-box" id="modal-question">
        <!--<form action="__URL__/ask" method="post" >-->
            <input type="hidden" id="ask_url" value="__URL__/ask"/>
            <input type="hidden" id="ask_grade" value=""/>
            <a href="javascript:void(0);" class="btn-closed">x</a>

            <h4>我的问题
                <select name="grade" id="grade-ask">
                    <option value="1">高招问题</option>
                    <option value="2">研究生招生问题</option>
                    <option value="3">艺考生招生问题</option>
                </select><span>0/50字</span></h4>
            <textarea name="content" id="ask_content"></textarea>
            <div style="margin-top: 10px;">
                <label for="ask_yzm">验证码</label><input type="text" class="captcha" id='ask_yzm'>
                <img  id="reloadverify" src="{:U('School/verify')}"> 
                <a href="javascript:reloadcode()">换一张</a>
                <input type="submit" value="发表问题" class="btn-yes ask-submit" style="vertical-align: baseline">
            </div>
            
        <!--</form>-->
    </div>
    <div class="modal-box" id="modal-info-error" >
        <form action="" method="post">
            <a href="javascript:void(0);" class="btn-closed">x</a>
            <h4>错误内容<span>0/50字</span></h4>
            <textarea name="error-content"></textarea>
            验证码<input type="text" class="captcha">
            <input type="submit" value="提交错误" class="btn-yes">
        </form>
    </div>
    <div class="modal-box" id="modal-imglist">
        <a href="javascript:void(0);" class="btn-closed">x</a>
        <div class="img-view">
            <img src="" alt="">
            <p><span><i></i>/<b></b>张</span></p>
            <a href="javascript:;" class="btn-prev"></a>
            <a href="javascript:;" class="btn-next"></a>
        </div>
        <div class="img-s-ablum">
            <div class="tab modal-tab">
                <ul class="tab-menu">
                    <li class="actived">360图片集</li>
                    <li>高校图片集</li>
                </ul>
                <div class="tab-content">
                    <div class="tab-item">
                        <ul class="img-s-tpye ">
                            <li class="actived"><a href="javascript:;">校园景色（<i></i>）</a></li>
                            <li><a href="javascript:;">生活配套（<i></i>）</a></li>
                            <li><a href="javascript:;">教学设施（<i></i>）</a></li>
                            <li><a href="javascript:;">360全景（<i></i>）</a></li>
                        </ul>
                        <ul class="img-s-tpye hide">
                            <li><a href="javascript:;">校园景色（<i></i>）</a></li>
                            <li><a href="javascript:;">生活配套（<i></i>）</a></li>
                            <li><a href="javascript:;">教学设施（<i></i>）</a></li>
                            <li><a href="javascript:;">360全景（<i></i>）</a></li>
                        </ul>
                        <ul class="img-s-view clearfix">
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-box" id="modal-koubei">
        <form action="__URL__/addComment" method="post" id="form-koubei">
            <a href="javascript:void(0);" class="btn-closed">x</a>
            <h4>发布口碑</h4>
            <ul>
                <li>
                    <span>标题：</span><input name="title"type="text" value="请输入标题">
                </li>

                <li>
                    <span>教学质量：</span><textarea name="teaching"></textarea>
                    <span class='vote-box'>
                        <a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a>
                    </span>
                    <input type="hidden" name="teaching_int" value="5">
                    请给教学质量打分
                </li>
                <li>
                    <span>师资力量：</span><textarea name="teacher"></textarea>
                    <span class= "vote-box">
                        <a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a>
                    </span>
                    <input type="hidden" name="teacher_int" value="5">
                    请给师资力量打分 
                </li>
                <li>
                    <span>设施配套：</span><textarea name="facilities" ></textarea>
                    <span class='vote-box'>
                        <a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a>
                    </span>
                    <input type="hidden" name="facilities_int" value="5">
                    请给设施配套打分
                </li>
                <li>
                    <span>校园环境：</span><textarea name="surrounding"></textarea>
                    <span class='vote-box'>
                        <a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a>
                    </span>
                    <input type="hidden" name="surrounding_int" value="5">
                    请给校园环境打分
                </li>
                <li>
                    <span>交通设施：</span><textarea name="traffic"></textarea>
                    <span class='vote-box'>
                        <a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a><a href="javascript:;" class="vote-star"></a>
                    </span>
                    <input type="hidden" name="traffic_int" value="5">
                    请给交通设施打分
                </li>
            </ul>
            <input type="hidden" name="school_id" value="{$Think.get.school_id}">
            <input type="hidden" name="user_id" value="{$Think.session.user_id}">
            <input type="hidden" name="user_name" value="{$Think.session.user_name}">
            <input type="submit" value="发布口碑">
        </form>
    </div>
    <div class="modal-box" id="modal-map" >
        <div class="modal-content">
            <div id="alert-map" style="width: 800px;height: 600px;"></div>
            <a href="javascript:;" class="btn-closed"> X </a>
        </div>
    </div>
</div>
<!-- 百度地图 -->
<script>
    /*---------小地图----------*/
    //  新建地图-小地图
    var map = new BMap.Map("baiduMap-s");
    map.centerAndZoom(new BMap.Point(116.331398,39.897445),19);
    map.enableScrollWheelZoom(true);
    // 设置经纬度
    theLocation( 118.916952 , 32.107155 , map);
    // 用经纬度设置地图中心点
    
    // 监听经纬度
    // map.addEventListener("click", function(e){      
    //        alert(e.point.lng + ", " + e.point.lat);      
    // });

    /*---------大地图----------*/
    // 切换校区
    $('.map-list').on('click', 'li', function() {
        var lng = $(this).data('lng');
        var lat = $(this).data('lat');
        $('#main-map').find('.btn-modal-map').attr({
            "data-lng": lng,
            "data-lat": lat
        });
        theLocation( lng , lat, map2);
        $(this).addClass('actived').siblings().removeClass('actived');
        $('#main-map').prev().text($(this).data('address'));
    });
    // 大地图-初始化
    var map2 = new BMap.Map("baiduMap-b");
    map2.centerAndZoom(new BMap.Point(116.331398,39.897445),19);
    map2.enableScrollWheelZoom(true);
    // 设置经纬度
    theLocation( 118.916952 , 32.107155, map2);
    // 用经纬度设置地图中心点

    /*--------地图弹窗----------*/
    $('.btn-modal-map').on('click', function(event) {
        $('#modal').show();
        $('#modal .modal-overlay').show();
        $('#modal-map').show();
        // 初始化地图
        var map3 = new BMap.Map("alert-map");
        var point = new BMap.Point(116.331398,39.897445);
        map3.centerAndZoom(point,19);
        map3.enableScrollWheelZoom(true);
        // 设置经纬度
        theLocation( $(this).attr('data-lng') , $(this).attr('data-lat'), map3);
        map3.addControl(new BMap.MapTypeControl());//添加地图类型控件

        return false;
    });


    /*--------相关函数----------*/
    function theLocation(  X, Y , map ){
        map.clearOverlays();
        var new_point = new BMap.Point( X, Y);
        var marker = new BMap.Marker(new_point);  // 创建标注
        map.centerAndZoom(new_point, 16);       //设置中心点坐标和地图级别
        map.addOverlay(marker);                 // 将标注添加到地图中
        map.panTo(new_point);
    }
</script>

<script>
    // 相册弹窗
    (function() {
        tab_type = 1;
        sub_type = 1;
        var index       = 0;
        var len         = $('.img-s-view li:not(".hide")').length;
        var $listIMG    = $('#modal-imglist .img-s-view li');
        var $imgViewBox = $('#modal-imglist .img-view');
        var $tabLi      = $('#modal-imglist').find('.tab-menu li');
        var $typeLi     = $('#modal-imglist').find('.img-s-tpye li');
        var $btnNext    = $('#modal-imglist .btn-next');
        var $btnPrev    = $('#modal-imglist .btn-prev');

        len = $('.img-s-view li:not(".hide")').length;
        // 加载弹窗改变总页数
        $imgViewBox.find('b').text(len);
        // 下一页/上一页
        $btnPrev.click(function() {
            len = $('.img-s-view li:not(".hide")').length;
            if (index <= 0) {
                index = len - 1;
            } else {
                index--;
            }
            imgURL = $('.img-s-view li:not(".hide")').eq(index).find('img').attr('src');
            $('.img-s-view li:not(".hide")').eq(index).addClass('selected').siblings().removeClass('selected');
            $imgViewBox.find('i').text(index + 1);
            $imgViewBox.find('img').attr('src', imgURL);

        });
        $btnNext.click(function() {
            len = $('.img-s-view li:not(".hide")').length;
            if (index >= len - 1) {
                index = 0;
            } else {
                index++;
            }
            imgURL = $('.img-s-view li:not(".hide")').eq(index).find('img').attr('src');
            $('.img-s-view li:not(".hide")').eq(index).addClass('selected').siblings().removeClass('selected');
            $imgViewBox.find('i').text(index + 1);
            $imgViewBox.find('img').attr('src', imgURL);
        });
        // 右侧小图片列表
        $listIMG.click(function() {
            index = $listIMG.index(this);
            imgURL = $(this).find('img').attr('src');
            $(this).addClass('selected').siblings().removeClass('selected');
            $imgViewBox.find('i').text(index + 1);
            $imgViewBox.find('img').attr('src', imgURL);
        });

        // 弹窗内选项卡

        $tabLi.on('click', function(event) {
            var index = $tabLi.index(this);
            tab_type = 1-index;
            $(this).addClass('actived').siblings().removeClass('actived');
            $('.img-s-tpye').hide();
            $('.img-s-tpye').eq(index).show().find('li').eq(0).trigger('click');
        });
        $typeLi.on('click', function(event) {
            $('.img-s-tpye').find('li').removeClass('actived');
            $(this).addClass('actived');
            tab_type = 1-$('#modal-imglist .tab-menu li').index($('#modal-imglist .tab-menu li.actived'));
            sub_type = $('.img-s-tpye li').index(this)%4+1;
            console.log(tab_type+':'+sub_type);
            $('.img-s-view li').each(function(index, el) {

                if (  $(el).data('upload-type') == tab_type && $(el).data('img-type') == sub_type) {
                    $(el).removeClass('hide');
                }else{
                    $(el).addClass('hide');
                }
                $('.img-s-view li:not(".hide")').eq(0).trigger('click');
            });

        });
        // 点击图片
        $('.img-s-view').on('click', 'li', function(event) {
            var img_description = $(this).find('img').attr('alt');
            var img_src = $(this).find('img').attr('src');
            var num = $('.img-s-view li:not(".hide")').index(this)+1;
            var allNum = $('.img-s-tpye').find('li.actived i').text();
            $('.img-view').find('img').attr('src', img_src);
            $('.img-view').find('p').html(img_description+'<span><i>'+ num +'</i>/'+ allNum+'张</span>');
        });
    })();
</script>
<script type="text/javascript">
function reloadcode(){
document.getElementById('reloadverify').src =document.getElementById('reloadverify').src+'?'+Math.random();

}
</script>
<include file="Public/foot" />